type SearchIconType = React.SVGAttributes<SVGSVGElement>;

const SearchIcon: React.FC<SearchIconType> = (props) => {
  return (
    <svg
      width="20"
      height="20"
      viewBox="0 0 20 20"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <g id="Group 5">
        <path
          id="Shape"
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M0 8.77551C0 3.93682 3.93682 0 8.77551 0C13.6145 0 17.551 3.93682 17.551 8.77551C17.551 13.6145 13.6145 17.551 8.77551 17.551C3.93682 17.551 0 13.6145 0 8.77551ZM1.6201 8.77555C1.6201 12.721 4.83004 15.931 8.77551 15.931C12.721 15.931 15.9309 12.721 15.9309 8.77551C15.9309 4.83004 12.721 1.6201 8.77551 1.6201C4.83004 1.6201 1.6201 4.83008 1.6201 8.77555Z"
          fill="currentColor"
        />
        <path
          id="Path"
          d="M19.7603 18.6036L15.0699 13.9133C14.7503 13.5937 14.2328 13.5937 13.9132 13.9133C13.5936 14.2326 13.5936 14.7507 13.9132 15.0701L18.6035 19.7604C18.7633 19.9202 18.9725 20.0001 19.1819 20.0001C19.391 20.0001 19.6005 19.9202 19.7603 19.7604C20.0799 19.4411 20.0799 18.923 19.7603 18.6036Z"
          fill="currentColor"
        />
      </g>
    </svg>
  );
};

export default SearchIcon;
